<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1;user-scalable=no;">
    <title>1起购</title>
    <link rel="stylesheet" href="/statics/view/css/bootstrap.css">
    <link rel="stylesheet" href="/statics/view/css/style.css">
    <link rel="stylesheet" href="/statics/view/css/member.css">
    <link rel="stylesheet" href="/statics/view/css/order3.css">
    <link href="/statics/view/css/yy_common.css" rel="stylesheet">
    <script charset="utf-8" src="/statics/view/js/jquery.min.js"></script>
    <script charset="utf-8" src="/statics/view/js/global.js"></script>
    <script charset="utf-8" src="/statics/view/js/bootstrap.min.js"></script>
    <script charset="utf-8" src="/statics/view/js/template.js"></script>
    <script charset="utf-8" src="/statics/view/js/stickTop.js"></script>
    <script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
    <style type="text/css">
        .details_con li .tb-out-of-stock{
            border: 1px dashed #bbb;
            color:#bbb;
            cursor: not-allowed;
        }
        .no-selected{
            background: #ffe8e8 none repeat scroll 0 0;
            border: 2px solid #be0106;
            margin: -1px;
        }
        /*动态返回顶部*/
        .fixed_box { position: fixed; bottom: .5rem; right: .5rem;display: none; }
    </style>
</head>

<body>
<div class="fanhui_cou">
    <div class="fanhui_1"></div>
    <div class="fanhui_ding">顶部</div>

</div>

<header class="header">
    <div class="fix_nav">
        <div style="max-width:768px;margin:0 auto;background:#db3652;position: relative;">
            <a class="nav-left back-icon" href="javascript:history.back();">返回</a>
            <div class="tit">晒单分享</div>
            <a class="nav-right icon-home" href="/dbs/index.html">首页</a>
        </div>
    </div>
</header>
<div class="container"  id="dataList" data-pro="list">
    <input type="hidden" id="productId" value="${productId}">
[#list dbShareList as dbShare]
    <div class="white-bg"  onclick="location.href='/db/share-detail-${dbShare.id}';">

        <p class="item-name">&nbsp;${dbShare.title}</p>
        <p class="text-primary">&nbsp;${dbShare.dbTimes.lotteryMobileInfo}
            <span class="gary pull-right">

                ${dbShare.createDate}&nbsp;
				      </span>
        </p>
    </div>
    <a  href="javascript:location.href='/db/share-detail-${dbShare.id}';">
        <div class="hproduct clearfix" style="background:#fff;border-top:0px;">
            <div class="p-pic"><img style="min-height:100px;margin:auto;" class="img-responsive"  alt="" src="${dbShare.medium}"></div>
            <div class="p-info">
                <p class="p-title">${dbShare.content}</p>
            </div>
        </div>
    </a>
    <div class="order_i_h"></div>

[/#list]
</div>
<div data-pro="more">
    <div class="w-more" id="pro-view-14">
        <div data-pro="link"><a href="javascript:void(0);"  data-current-page="1" data-page-num="10" id="load-more">点击加载更多</a></div>
    </div>
</div>



<div class="clear"></div>
<div class="fixed_box" style="-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1); display: none;">
    <a href="javascript:scrollTo(0,0)" class="btn_back" id="backtop"><img style="width:2rem" src="images/2/go-top.png"></a>
</div>

<script type="text/javascript">
    $(function(){

        $("#load-more").click(function(){
            var $this=$(this);
            var currentNum=$this.attr("data-current-page");
            var productId = $("#productId").val();
            alert(productId);
            var pageNum=parseInt(currentNum);
            layer.open({
                type: 2,
                content: '加载中~'
            });
            $.ajax({
                url: "/db/shareRecord-content",
                type: "GET",
                data: {
                    pageNum: pageNum+1,
                    id:productId
                },
                dataType: "text",
                cache: false,
                success: function(data) {
                    layer.closeAll();
                    if(data.trim().length>10){
                        $(data).appendTo("#dataList");
                        currentNum=currentNum+1;
                        $this.attr("data-current-page",pageNum+1);
                    }else{
                        layer.open({
                            content: "没有更多了",
                            time: 2
                        });
                    }
                },error:function(){
                    layer.closeAll();
                    layer.open({
                        content: "加载异常",
                        time: 2
                    });
                }
            });
        });
    });
</script>
</body>
</html>